﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="turntable.aspx.cs" Inherits="Turntable.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>H5幸运大转盘抽奖</title>
    <link href="css/activity-style.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/jQueryRotate.2.2.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        
       
        var rotating = false;
        function rotateFunc(price,type) {
            if (!rotating) {
                rotating = true;
                var num = type * 30;
                $("#outer").rotate({
                    angle: 0,
                    duration: 4000,
                    animateTo: num + 1440, //1440是我要让指针旋转4圈
                    callback: function () {
                        rotating = false;
                        if (type == 0) {
                            alert("恭喜你获得一等奖,获得" + price);
                        } else if (type == 4 || type == 10) {
                            alert("恭喜你获得二等奖,获得" + price);
                        } else if (type == 2 || type == 6 || type == 8) {
                            alert("恭喜你获得三等奖,获得" + price);
                        } else if (type == 3 || type == 9) {
                            alert(price +"再接再厉");
                        } else if (type == 5 || type == 7) {
                            alert(price +"再接再厉");
                        } else {
                            alert("没有中奖，再接再厉哦！");
                        }
                    }
                });
            }
        };

    </script>
</head>
<body class="activity-lottery-winning">
    <form id="form1" runat="server">
        <div class="main">
            <div id="outercont">
                <div id="outer-cont">
                    <div id="outer">
                        <img src="img/activity-lottery-1.png" width="310">
                    </div>
                </div>
                <div id="inner-cont">
                    
                    <div id="inner" runat="server">
                        <asp:ImageButton ImageUrl="img/activity-lottery-2.png" ID="btn_inner" runat="server" OnClick="btn_inner_Click"></asp:ImageButton>
                    </div>
                </div>
            </div>
            <div class="content">

                <div class="boxcontent boxyellow">
                    <div class="box">
                        <div class="title-green">
                            <span>
                                <asp:Label ID="awardsTitle" runat="server"></asp:Label></span>
                        </div>
                        <div class="Detail">
                            <p>
                                <asp:Label ID="awards1" runat="server"></asp:Label><br />
                            </p>
                            <p>
                                <asp:Label ID="awards2" runat="server"></asp:Label><br />
                            </p>
                            <p>
                                <asp:Label ID="awards3" runat="server"></asp:Label>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="boxcontent boxyellow">
                    <div class="box">
                        <div class="title-green">
                            <asp:Label ID="rulesTitle" runat="server"></asp:Label>
                        </div>
                        <div class="Detail">
                            <p>
                                <asp:Label ID="rules1" runat="server"></asp:Label>
                            </p>
                            <p>
                                <asp:Label ID="rules2" runat="server"></asp:Label>
                            </p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </form>


</body>
</html>

